/*
 * 双Tabs组件
 * 2015-07-21 15:20
 * params:cfg
 * */
define(function(require,exports,module){
	/*通过 require 引入依赖*/
	require('jquery');

	function Tabs(){
		this.cfg = {
			id: '',
			firstWidth:128,
			otherWidth:140,
			timer: 500,
			callback: null
		};
	}	
	
	Tabs.prototype = {
		init: function(cfg){
			var $this = this;
			$this.cfg = $.extend($this.cfg,cfg);
			var tabsTop = $($this.cfg.id + ' li');
			var tabsMain = $($this.cfg.id + ' li .drstore-shopname span');
//暂时去掉	tabsTop.eq($this.cfg.num).addClass('drstore-tabhover');	
//			$('.drstore-tabin').hide().eq(0).show();
			tabsTop.each(function(index){
				var spans = $(this).find('span');
				$(this).off('mouseenter').on('mouseenter',function(e){
					if(index == 0){
						$('.drstore-xz').stop(false,false).animate({'width': $this.cfg.firstWidth + 'px'},$this.cfg.timer);
					}else{						
						$('.drstore-xz').stop(false,false).animate({'width':(index * $this.cfg.otherWidth) + $this.cfg.firstWidth + 'px'},$this.cfg.timer);
					}					
					if(!$(this).hasClass('drstore-tabhover')){
						tabsMain.css('opacity','0');
						$this.showList(spans);
					}	
					tabsTop.removeClass('drstore-tabhover').eq(index).addClass('drstore-tabhover');	
//					$('.drstore-tabin').hide().eq(index).show();
					e.stopPropagation();
				});
//				var showInfo = $('.drstore-tabin').eq(index).find('.drstore-shop');
////				showInfo.hide().eq(0).show();
//				spans.each(function(sindex){
//					$(this).off('mouseenter').on('mouseenter',function(e){
//						e.stopPropagation();
//					}).off('click').on('click',function(e){
//						spans.removeClass('drstore-shopnamehover');
//						$(this).addClass('drstore-shopnamehover');
//						showInfo.hide().eq(sindex).show();
//						e.stopPropagation();
//					});
//				});
			});
			$this.showList(tabsTop.eq(0).find('span'));
			

		},
		showList: function(list){
			var spans = $(list);
			for(var i = 0; i < spans.size(); i++){
				spans.eq(i).stop(false,false).delay(i*100).animate({'opacity':1},400);
			}
		}
	}
	module.exports = Tabs;
});